@include("template::My.views.header")  
<link href="/mycms/cms/theme/My/assets/css/sort.css" rel="stylesheet">
</head>
<body class="bg-gradient-to-b from-[#EAF0FF] to-[#F9F9F9]  min-h-full">
<div class="container mx-auto w-[195px]  h-auto  flex flex-row    mt-[25px] text-[#222222] mb-[10px]">
        <div  class="basis-6/12 text-center"> 
            <button  class="bg-[#FCBA58]   rounded-[14.6px] shadow-xl  h-[29px]  w-[102px] text-white  text-[14.6px]">个人排名</button>
        </div>
        <div  class="basis-6/12 text-center">
            <span class="font-['PingFang']  w-[102px] text-[#0B0B0B]  text-[14.6px] font-extrabold" >学校排名</span>
        </div>
</div>

   <div class="container mx-auto  w-11/12  grid grid-cols-3 gap-4 h-auto" >
        <div class="col-start-2 col-span-1 justify-center items-center -mb-[100px]" >
            <center>
                <div class="w-[72px] h-[91px] bg-cover bg-no-repeat  pt-[23px]" style="background-image: url('/dist/images/08.png') "><img src="/dist/images/43.png" class="w-[65px] h-[65px]  rounded-full " ></div>
                <p class="text-[#323232] text-[12px] mt-[15px]">赵六六</p>
                <p class="text-white text-[10px] w-[42px] leading-[15px] h-[13px] bg-[#34CBCB] rounded-full mt-[7px]">+ 1242</p>
            </center>
        </div>
        <div class="col-start-1 col-end-2">
            <center>
                <div class="w-[72px] h-[89px] bg-cover bg-no-repeat  pt-[20px]" style="background-image: url('/dist/images/07.png') "><img src="/dist/images/43.png" class="w-[65px] h-[65px]   rounded-full " ></div>
                <p class="text-[#323232] text-[12px] mt-[15px]">赵六六</p>
                <p class="text-white text-[10px] w-[42px] leading-[15px] h-[13px] bg-[#34CBCB] rounded-full  mt-[7px]">+ 1242</p>
            </center>
        </div>
        <div class="col-start-3 col-span-1">
            <center>
                <div class="w-[72px] h-[89px] bg-cover bg-no-repeat  pt-[20px]" style="background-image: url('/dist/images/09.png') "><img src="/dist/images/43.png" class="w-[65px] h-[65px]   rounded-full " ></div>
                <p class="text-[#323232] text-[12px] mt-[15px]">赵六六</p>
                <p class="text-white text-[10px] w-[42px] leading-[15px] h-[13px] bg-[#34CBCB] rounded-full  mt-[7px]">+ 1242</p>
            </center>
        </div>
   </div>
    <div class="container">
        <img src="/dist/images/11.png">
    </div>
    <div class="container mx-auto h-auto  bg-white  w-11/12  rounded-xl mb-5" >
        <div class=" w-11/12  mx-auto   flex  flex-row   h-auto border-b border-[#DEDEDE] py-[20px]">
            <div class="basis-2/12  text-[14px] font-extrabold text-[#222222]"> NO.4</div>
            <div class="basis-2/12 ">
                <img src="/dist/images/43.png" class="w-[43px] h-[43px]   rounded-full " >
            </div>
            <div class="text-left basis-7/12 text-[14px]  text-[#222222] font-medium">
                赵六六
            </div>
            <div class="text-right basis-1/12 text-[16px] text-[#FF4A17] font-medium">
                830
            </div>
        </div>
        <div class=" w-11/12  mx-auto   flex  flex-row   h-auto border-b border-[#DEDEDE] py-[20px]">
            <div class="basis-2/12  text-[14px] font-extrabold text-[#222222]"> NO.4</div>
            <div class="basis-2/12 ">
                <img src="/dist/images/43.png" class="w-[43px] h-[43px]   rounded-full " >
            </div>
            <div class="text-left basis-7/12 text-[14px]  text-[#222222] font-medium">
                赵六六
            </div>
            <div class="text-right basis-1/12 text-[16px] text-[#FF4A17] font-medium">
                830
            </div>
        </div>
        <div class=" w-11/12  mx-auto   flex  flex-row   h-auto border-b border-[#DEDEDE] py-[20px]">
            <div class="basis-2/12  text-[14px] font-extrabold text-[#222222]"> NO.4</div>
            <div class="basis-2/12 ">
                <img src="/dist/images/43.png" class="w-[43px] h-[43px]   rounded-full " >
            </div>
            <div class="text-left basis-7/12 text-[14px]  text-[#222222] font-medium">
                赵六六
            </div>
            <div class="text-right basis-1/12 text-[16px] text-[#FF4A17] font-medium">
                830
            </div>
        </div>
        <div class=" w-11/12  mx-auto   flex  flex-row   h-auto border-b border-[#DEDEDE] py-[20px]">
            <div class="basis-2/12  text-[14px] font-extrabold text-[#222222]"> NO.4</div>
            <div class="basis-2/12 ">
                <img src="/dist/images/43.png" class="w-[43px] h-[43px]   rounded-full " >
            </div>
            <div class="text-left basis-7/12 text-[14px]  text-[#222222] font-medium">
                赵六六
            </div>
            <div class="text-right basis-1/12 text-[16px] text-[#FF4A17] font-medium">
                830
            </div>
        </div>
    </div>
    
    <div class="container mx-auto h-auto  bg-white  w-11/12  rounded-xl mt-4  mb-5" >
        <div class=" w-11/12  mx-auto   flex  flex-row    h-auto py-[20px]">
            <div class="basis-2/12  text-[14px] font-extrabold  text-[#222222]"> NO.4</div>
            <div class="basis-2/12 ">
                <img src="/dist/images/43.png" class="w-[43px] h-[43px] rounded-full " >
            </div>
            <div class="text-left basis-5/12  text-[#222222] font-medium">
                赵六六<span class="text-[16px] text-[#FF4A17] font-medium">888</span>
            </div>
            <div class="text-right basis-3/12 ">
                <button  class="bg-[#3368FD]  shadow-blue-400/40 rounded-[14.6px] shadow-xl  h-[29px]  w-[71px] text-white  text-[12.6px]">邀请好友</button>
            </div>
            
        </div>
    </div>
<script>
   
</script>

<div class="clearfix"></div>
@include("template::mycms.views._footer")
